<template>
  <view :class="['head-box', clasName]" @tap="tapFn">
    <CardTitle :imgName="icon" :opacity="opacity" :title="title" :lineColor="lineColor" :titleColor="titleColor" :showLine="showLine"></CardTitle>
    <Jump :url="url" :bgColor="lineColor" :arrowColor="arrowColor"></Jump>
  </view>
</template>
<script setup>
import CardTitle from '@/components/cardTitle/cardTitle.vue';
import Jump from '@/components/jump/jump.vue';
const props = defineProps({
	icon: String,
	title: String,
	url: String,
	lineColor: String,
  titleColor: String,
  arrowColor: String,
	showLine: String,
  opacity:String,
	clasName: String
});
const tapFn = () => {
 uni.navigateTo({
   url: props.url
 })
}
</script>
<style lang="scss" scoped>
.head-box {
	display: flex;
	justify-content: space-between;
  align-items: center;
  &.padd {
    padding:22rpx 18rpx;
  }
}
</style>